define(['api','tmpl','text!pages/index/notice.html'],function(api,tmpl,tpl){
	return {
	    init:function(){
	    	var that=this;
	       api.notice(function(rs){
	          if(rs&&rs.retcode=='0'&&rs.data){
	             that.renderData(rs.data);
	          }
	       })
	    },
	    renderData:function(data){
	       var str=tmpl(tpl,data);
	       $('body').append(str);
	       this.events(data.noticeid);
	    },
	    events:function(id){
	      var ct=$("#notic-pop"),
              dialog=ct.find('.notice');
             
	        ct.show(function(){
	        	dialog.addClass('toggle');
	        }).on('click','.mask,.close',function(){
	        	api.noticeRead(id);
	        	dialog.removeClass('toggle');
	        	ct.on('transitionend',function(){
	        	   ct.off('click').remove();
	        	}).on('webkitTransitionEnd',function(){
	        	   ct.off('click').remove();
	        	})
	        });
	    }
	}  
})